<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<style>
		.ab{
			font-size: 18px;
		}
	</style>
</head>
<body>
<div id="content">100</div>

<script>
var div = document.querySelector("#content");
div.addEventListener("click",function f1() {
	// f1可以在函数体内部随意访问
    //   -->f1指向当前函数本身 === arguments.callee
  alert(1)
  // a.事件解绑
  // var _this = arguments.callee;//当前函数本身
  // div.removeEventListener("click",_this);

  // b.由于ES5严格模式的诞生,arguments.callee被禁用了,
	 div.removeEventListener("click",f1);

})
div.addEventListener('click',function () {
	alert(2)
})
div.addEventListener('click',function () {
	alert(3)
})
div.addEventListener('click',f4)
function f4() {
  alert(4)
}
div.removeEventListener("click",f4)

</script>
</body>
</html>